<template>
	<div class="shop">
		<header>
			<SwiperShop />
		</header>

		
		<main>
			<!-- 今日上新 -->
			<TodayNew />
			<!-- 大牌优选 -->
			<BigOptimization />
		</main>
		<main>
			<MainShop />
		</main>
		<footer>
		
		</footer>
	</div>
</template>

<script>

	import SwiperShop from '../../components/SwiperShop.vue'
	import TodayNew from "../../components/TodayNew.vue"
	import BigOptimization from "../../components/BigOptimization.vue"
	
import SwiperShop from '@/components/shop/SwiperShop.vue'
import MainShop from '@/components/shop/MainShop.vue'
	export default {
		data() {
			return {
				title: 'shop'
			}
		},
		onLoad() {

		},
		components:{
			SwiperShop,
			TodayNew,
			BigOptimization
			MainShop
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.shop{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		main{
			flex: 1;
			overflow: hidden;
			background: rgb(247,247,247);
		}
<style>
	page{
        width: 100%;
        height: 100%;
		background-color: rgb(246,246,248);
    }
	.shop{
		width: 100%;
		height: 100%;
	}
</style>
